.m-infoRefLib
  display flex
  flex-wrap wrap
  >.item
    width 25%
    margin-bottom 40px
    >.file
      display flex
      justify-content center
      align-items center
      width 182px
      height 142px
      border 1px solid #e6e6e6
      box-shadow 0 3px 0 #f1f2f4
      border-radius 3px
      &.active
      &:hover
        border 1px solid #2985f7
        box-shadow 0 3px 0 #bedafd
      >img
        width 168px
        height 123px
        vertical-align middle
    >.filename
      margin-top 10px
      text-align center
      width 182px
      >img
        width 16px
        height 19px
        vertical-align bottom
      >.doc
        display inline-block
        color #696969
    &:nth-child(4n)
      margin-right 0

.m-infoRefLib-panel
  position fixed
  top 0
  left 0
  width 100vw
  height 100vh
  background rgba(0,0,0,0.5)
  z-index 2
  display none
  >.panel
    position fixed
    left 50%
    top 50%
    width 710px
    height 750px
    margin-left -355px
    margin-top -375px
    z-index 10000
    >.head
      position relative
      height 50px
      img
        position absolute
        height 19px
        width 19px
        right 5px
        top 5px
    >.section
      background #fff
      height 700px
      padding 60px 50px
      color #333333
      >.head-cont
        text-align center
        >.title
          font-size 26px
          color #da251c
          margin-bottom 10px
        >.sub-title
          font-size 14px
      >.main-cont
        margin-top 30px
        border-top 2px solid #da251c
        border-bottom 1px solid #cccccc
        >.title
          margin-top 20px
          font-size 20px
        >.summary
          margin-top 20px
          color #666666
        >.content
          font-size 16px
          margin 0 -40px
          padding 0 40px
          margin-top 20px
          margin-bottom 30px
          max-height 180px
          overflow-y auto
      >.foot-cont
        margin-top 30px
        >ul
          margin-bottom 15px
          padding 0
          >li
            display inline-block
            list-style-type none
            min-width 24%
            >div
              display inline-block
            >.left
              color #808080

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.content::-webkit-scrollbar
{
  width: 5px;
  height: 50px;
  background-color: #fff;
}

/*定义滑块 内阴影+圆角*/
.content::-webkit-scrollbar-thumb
{
  border-radius: 2px;
  background-color: #fff;
}
/*定义滑块 内阴影+圆角*/
.content::-webkit-scrollbar-thumb
{
  border-radius: 2px;
  background-color: #ccc;
}




